<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<style>
.ui-widget,.ui-widget .ui-widget {
	font-size: 11px !important;
}
</style>
	<title>Cadastro de Funcionarios</title>
</h:head>
<body>
	<h:form id="form">
		<p:messages id="messages" showDetail="false" autoUpdate="true"
			closable="true" />
		<p:panel id="mFuncPanel" style="border: none;">
			<h2>Cadastro de Funcionarios</h2>
			<h:panelGrid columns="2" cellpadding="1">

				<h:outputText value="Código: " />
				<h:outputText value="Sexo *" />

				<p:inputText id="mFuncId" value="#{beanFuncionario.funcionario.id}"
					size="7" disabled="true" />
				<p:selectOneRadio id="mFuncSexo"
					value="#{beanFuncionario.funcionario.sexo}">
					<f:selectItem itemLabel="Masc" itemValue="M" />
					<f:selectItem itemLabel="Fem" itemValue="F" />
				</p:selectOneRadio>

			</h:panelGrid>
			<h:panelGrid columns="2" cellpadding="1">
				<h:outputText value="Nome *" />
				<h:outputText value="Apelido " />

				<p:inputText id="mFuncNome"
					value="#{beanFuncionario.funcionario.nome}" size="65" />

				<p:inputText id="mFuncApelido"
					value="#{beanFuncionario.funcionario.apelido}" size="65" />
			</h:panelGrid>
			<br></br>

			<!-- 			<h4>Endereço</h4> -->


			<h:panelGrid columns="5" cellpadding="2">

				<h:outputText value="CEP: " />
				<h:outputText value="Logradouro: " />
				<h:outputText value="Numero: " />
				<h:outputText value="Comp.: " />
				<h:outputText value="Bairro: " />

				<p:inputMask id="mFuncCep"
					value="#{beanFuncionario.funcionario.cep}" mask="99999-999"
					size="7" />
				<p:inputText id="mFuncRua"
					value="#{beanFuncionario.funcionario.logradouro}" size="40" />
				<p:inputText id="mFuncNumero"
					value="#{beanFuncionario.funcionario.numero}" size="5" />
				<p:inputText id="mFuncComp"
					value="#{beanFuncionario.funcionario.complemento}" />
				<p:inputText id="mFuncBairro"
					value="#{beanFuncionario.funcionario.bairro}" size="40" />
			</h:panelGrid>

			<h:panelGrid columns="5" cellpadding="2">
				<h:outputText value="Codigo " />
				<h:outputText value="Cidade: " />
				<h:outputText value="" />
				<h:outputText value="Estado: " />
				<h:outputText value="País: " />

				<p:inputText id="mFuncIdCidade"
					value="#{beanFuncionario.funcionario.cidade.id}" size="7">
					<p:ajax event="change" process="@this"
						update="mFuncCidade, mFuncEstado, mFuncPais"
						listener="#{beanFuncionario.hotFindCidade}" />
				</p:inputText>
				<p:inputText id="mFuncCidade"
					value="#{beanFuncionario.funcionario.cidade.cidade}" maxlength="40"
					disabled="true" size="40" binding="#{beanFuncionario.nomeCidade}" />
				<p:commandButton id="mFuncSelesctCidade" icon="ui-icon-search"
					title="Selecionar Cidade" onclick="dConsultaCidade.show()">
				</p:commandButton>
				<p:inputText id="mFuncEstado"
					value="#{beanFuncionario.funcionario.cidade.estado.estado}"
					maxlength="20" disabled="true" size="47" />
				<p:inputText id="mFuncPais"
					value="#{beanFuncionario.funcionario.cidade.estado.pais.sigla}"
					maxlength="3" disabled="true" size="5" />
			</h:panelGrid>
			<br></br>
			<!-- 			<h4>Contato</h4> -->

			<h:panelGrid columns="3" cellpadding="2">

				<h:outputText value="Telefone" />
				<h:outputText value="Celular " />
				<h:outputText value="Email " />

				<p:inputMask id="mFuncTelefone"
					value="#{beanFuncionario.funcionario.telefone}" maxlength="14"
					mask="(99) 9999-9999" />
				<p:inputMask id="mFuncCelular"
					value="#{beanFuncionario.funcionario.celular}" maxlength="14"
					mask="(99) 9999-9999" />
				<p:inputText id="mFuncEmail"
					value="#{beanFuncionario.funcionario.email}" size="70" />
			</h:panelGrid>

			<br></br>

			<!-- 			<h4>Outras Inf.</h4> -->



			<h:panelGrid columns="6" cellpadding="2">

				<h:outputText value="CPF: " />
				<h:outputText value="RG " />
				<h:outputText value="Est. Emissor " />
				<h:outputText value="PIS " />
				<h:outputText value="CTPS " />
				<h:outputText value="UF " />

				<p:inputMask id="mFuncCpf"
					value="#{beanFuncionario.funcionario.cpf}" maxlength="14"
					mask="999.999.999-99" />
				<p:inputMask id="mFuncRg" value="#{beanFuncionario.funcionario.rg}"
					maxlength="9" mask="999999999" />
				<p:selectOneMenu id="mFuncEmissor"
					value="#{beanFuncionario.funcionario.emissor}">
					<f:selectItem itemLabel="Selecione" itemValue="" />
					<f:selectItems value="#{beanFuncionario.estados}" />
				</p:selectOneMenu>

				<p:inputMask id="mFuncPis"
					value="#{beanFuncionario.funcionario.pis}" mask="999.99999.99-9" />
				<p:inputMask id="mFuncCtps"
					value="#{beanFuncionario.funcionario.ctps}" mask="9999999/999-9" />
				<p:selectOneMenu id="mFuncUf"
					value="#{beanFuncionario.funcionario.uf}">
					<f:selectItem itemLabel="Selecione" itemValue="" />
					<f:selectItems value="#{beanFuncionario.estados}" />
				</p:selectOneMenu>

			</h:panelGrid>

			<h:panelGrid columns="6" cellpadding="2">

				<h:outputText value="Codigo " />
				<h:outputText value="Cargo " />
				<h:outputText value=" " />
				<h:outputText value="Salario" />
				<h:outputText value="Data de Admissao " />
				<h:outputText value="Data de Demissao " />

				<p:inputText id="mFuncIdCargo"
					value="#{beanFuncionario.funcionario.cargo.id}" size="7">
					<p:ajax event="change" process="@this"
						listener="#{beanFuncionario.hotFindCargo}" update="mFuncCargo" />
				</p:inputText>
				<p:inputText id="mFuncCargo" size="45"
					value="#{beanFuncionario.funcionario.cargo.descricao}"
					disabled="true" binding="#{beanFuncionario.cargo}" />

				<p:commandButton id="mFuncSelesctCargo" icon="ui-icon-search"
					title="Selecionar Cargo" onclick="dConsultaCargo.show()">
				</p:commandButton>

				<p:inputText id="mFuncSalario"
					value="#{beanFuncionario.funcionario.salario}" />

				<p:calendar id="mFuncDataAdmissao"
					value="#{beanFuncionario.funcionario.admissao}" size="10" />
				<p:calendar id="mFuncDemissao" size="10"
					value="#{beanFuncionario.funcionario.demissao}" disabled="true" />

			</h:panelGrid>

			<h:panelGrid columns="1" cellpadding="1">
				<h:outputText value="Observações" />
				<p:inputTextarea id="mFuncObs"
					value="#{beanFuncionario.funcionario.observacoes}" rows="2"
					cols="150" />
			</h:panelGrid>

			<p:separator />

			<h:panelGrid columns="3" style="float: right;">
				<p:commandButton id="mFuncSalvar" value="Salvar"
					action="#{beanFuncionario.save}" update="@form" />
				<p:commandButton id="mFuncLimpar" value="Limpar"
					action="#{beanFuncionario.reinit}" update="@form" />
				<p:commandButton id="mFuncVoltar" value="Voltar"
					onclick="history.back()" />
			</h:panelGrid>


			<h:panelGrid columns="4" cellpadding="2" style="float: left;">
				<h:outputText value="Cadastro" />
				<p:inputMask value="#{beanFuncionario.funcionario.criacao}"
					id="mFuncDataCad" mask="99/99/9999" size="7" disabled="true" />

				<h:outputText value="Ultima Alter. " />

				<p:inputMask value="#{beanFuncionario.funcionario.alteracao}"
					id="mFuncDataAlteracao" mask="99/99/9999" size="7" disabled="true" />
			</h:panelGrid>
		</p:panel>


		<p:dialog header="Consultar Cidade" widgetVar="dConsultaCidade"
			id="mFuncDConsCidade" resizable="false">
			<ui:include src="/cidade/pCidadeFuncionario.xhtml"></ui:include>

		</p:dialog>

		<p:dialog header="Consultar Cargo" widgetVar="dConsultaCargo"
			id="mFuncDConsCargo" resizable="false">
			<ui:include src="/cargo/pConsultaCargo.xhtml"></ui:include>
		</p:dialog>
	</h:form>


</body>
</html>